<template>
   <div class="v1_foot">
          <div class="download">
              <h3>获取掌阅iReader</h3>
              <div class="loadleft">
                  <a href="" target="_blank" title="ios下载">
                      <span class="icon">
                          <s></s>
                      </span>
                      <p class="explain">下载iOS版</p>
                  </a>
              </div>
              <div class="loadright">
                  <a href="" target="_blank" title="android下载">
                      <span class="icon">
                          <s></s>
                      </span>
                      <p class="explain">下载Android版</p>
                  </a>
              </div>
          </div>
          <div class="aboutcompany">
              <p class="link">
                  <a href="" target="_blank">掌阅官网</a>
                  <a href="" target="_blank">掌阅小说</a>
                  <a href="" target="_blank">掌阅书城触屏版</a>
                  <a href="" target="_blank">得间免费小说</a>
                  <a href="" target="_blank">得间免费小说</a>
                  <a href="" target="_blank">企业服务</a>
                  <a href="" target="_blank">红薯中文</a>
                  <a href="" target="_blank">趣阅中文</a>
                  <a href="" target="_blank">iCiyuan轻小说</a>
                  <a href="" target="_blank">魔情言情</a>
                  <a href="" target="_blank">神起网</a>
                  <a href="" target="_blank">有乐中文网</a>
                  <a href="" target="_blank">喵阅读</a>
                  <a href="" target="_blank">书香云集</a><br>
                  <a href="" target="_blank">企业阅读代理招募</a>
                  <a href="" target="_blank">联系我们</a>
                  <a href="" target="_blank">商务合作</a>
                  <a href="" target="_blank">关于我们</a>
                  <a href="" target="_blank">法律声明</a>
              </p>
              <p>
                  <a href="" target="_blank">京ICP备11008516号</a>
                  <a href="" target="_blank">网络出版服务许可证（总）网出证（京）字第141号</a>
                  <a href="" target="_blank">京ICP证090653号</a>
                  <a href="" target="_blank">
                      <img src="https://www.ireader.com/static/images/web_record.png" alt="">
                      京公网安备11010502030452
                  </a>
              </p>
              <p>2015 All Rights Reserved 掌阅科技股份有限公司 版权所有</p>
              <p>不良信息举报：jubao@zhangyue.com 举报电话：010-59845699</p>
          </div> 
    </div> 
</template>
<style scoped>
a {
  text-decoration: none;
  color: #9e9e9e; }

ul {
  list-style: none; }

h3, i {
  font-style: normal;
  font-weight: normal;
  font-size: 12px; }

input, button {
  outline: none; }
.v1_foot {
  height: 345px;
  color: #9e9e9e; }
  .v1_foot .download {
    width: 440px;
    height: 138px;
    background-color: #e6e6e6;
    border-radius: 10px;
    margin: 40px auto 30px;
    padding: 0 46px; }
    .v1_foot .download h3 {
      font-size: 18px;
      text-align: center;
      color: #212121;
      padding: 22px 0 24px 0; }
    .v1_foot .download .loadleft, .v1_foot .download .loadright {
      width: 160px;
      height: 40px;
      border-radius: 5px; }
      .v1_foot .download .loadleft .icon, .v1_foot .download .loadright .icon {
        float: left;
        width: 41px;
        height: 40px;
        border-right: 1px solid #f7f7f7; }
      .v1_foot .download .loadleft .explain, .v1_foot .download .loadright .explain {
        float: right;
        width: 118px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        text-align: center; }
    .v1_foot .download .loadleft {
      background-color: #212121;
      float: left; }
      .v1_foot .download .loadleft .icon s {
        background-image: url(/img/icon/icon.png);
        background-position: -2px -92px;
        display: block;
        width: 21px;
        height: 23px;
        margin: 8px auto 0; }
    .v1_foot .download .loadright {
      float: right;
      background-color: #4caf50; }
      .v1_foot .download .loadright s {
        background-image: url(/img/icon/icon.png);
        background-position: -24px -92px;
        margin: 8px auto 0;
        width: 21px;
        height: 26px;
        display: block; }
  .v1_foot .aboutcompany {
    font-size: 12px;
    text-align: center; }
    .v1_foot .aboutcompany .link {
      margin-bottom: 20px; }
      .v1_foot .aboutcompany .link a {
        font-size: 14px;
        margin: 0 8px; }
    .v1_foot .aboutcompany p a {
      margin-right: 8px; }
      .v1_foot .aboutcompany p a img {
        vertical-align: middle;
        margin-top: -2px; }
</style>